<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <title>14.避免重复的无限渲染</title>
</head>

<body>
    <div>
        <h1>避免重复的无限渲染</h1>
        <p>当应用程序状态发生更改时，React 会调用 render 方法，如果在 render 方法中继续更改应用程序状态，就会发生 render 方法递归调用导致应用程序报错</p>
        <p>与其他生命周期函数不同，render方法应该被称为纯函数，着意味着，在 render 方法中不要做以下事情，比如不要调用setState方法，不要使用其他手段查询更改原生 DOM
            元素，以及其他更改应用程序的任何操作，render 方法的执行要根据状态的改变，这样可以保持组件的行为和渲染方式一致</p>
    </div>
</body>

</html>